<template>
  <div style="padding: 28px;">
    <div style="display: flex;justify-content: space-between;">
      <div
        style="width: 100%;height: 400px;background: #FFFFFF;padding: 20px 32px;"
      >
        <SportsOrganization></SportsOrganization>
      </div>
    </div>

    <div
      style="margin-top: 16px;display: flex;justify-content: space-between; "
    >
      <div
        style="width: 100%;height: 450px;background: #FFFFFF; padding: 20px 32px;"
      >
        <AmateurSportsSchool></AmateurSportsSchool>
      </div>
    </div>

    <div
      style="margin-top: 16px;display: flex;justify-content: space-between; "
    >
      <div
        style="width: 49.9%;height: 320px;background: #FFFFFF; padding: 20px 32px;"
      >
        <NationalBase></NationalBase>
      </div>
      <div
        style="width: 24.8%;height: 320px;background: #FFFFFF; padding: 20px 32px;"
      >
        <AmateurTraining></AmateurTraining>
      </div>
      <div
        style="width: 24.8%;height: 320px;background: #FFFFFF; padding: 20px 32px;"
      >
        <AmateurTrainingClub></AmateurTrainingClub>
      </div>
    </div>
    <div
      style="margin-top: 16px;display: flex;justify-content: space-between; "
    >
      <div
        style="width: 100%;height: 336px;background: #FFFFFF; padding: 20px 32px;"
      >
        <CulturalEducation></CulturalEducation>
      </div>
    </div>
    <div>
      <div
        style="font-size: 16px;color: #1D2129;font-weight: 500; position: relative; top:42px; left: 32px;"
      >
        学校体育场馆开放数据
      </div>
      <div
        style="margin-top: 16px;display: flex;justify-content: space-between; "
      >
        <div
          style="width: 48%;height: 217px;background: #FFFFFF;padding: 20px 32px;display: flex; justify-content: space-between;"
        >
          <div
            style="width: 33%;height: 127px;background: #F7F8FA;margin-top: 16px;padding-left: 12px;"
          >
            <img
              src="@/assets/img/Frame@2x (3).png"
              alt=""
              style="width: 44px;height: 44px;margin-top: 11px;"
            />
            <div style="font-size: 24px;font-weight: 400;color: #0F0F0F;">
              34,201
            </div>
            <div style="font-size: 11px;font-weight: 400;">
              全省(直辖市、区)中小学校总数
            </div>
          </div>
          <div
            style="width: 33%;height: 127px;background: #F7F8FA;margin-top: 16px;padding-left: 12px;"
          >
            <img
              src="@/assets/img/Frame@2x (3).png"
              alt=""
              style="width: 44px;height: 44px;margin-top: 11px;"
            />
            <div style="font-size: 24px;font-weight: 400;color: #0F0F0F;">
              34,201
            </div>
            <div style="font-size: 11px;font-weight: 400;">
              已开放学校数量累计
            </div>
          </div>
          <div
            style="width: 33%;height: 127px;background: #F7F8FA;margin-top: 16px;padding-left: 12px;"
          >
            <img
              src="@/assets/img/Frame@2x (3).png"
              alt=""
              style="width: 44px;height: 44px;margin-top: 11px;"
            />
            <div style="font-size: 24px;font-weight: 400;color: #0F0F0F;">
              34,201
            </div>
            <div style="font-size: 11px;font-weight: 400;">
              经费投入累计(万元)
            </div>
          </div>
        </div>
        <div
          style="width: 25.4%;height: 217px;background: #FFFFFF; padding: 20px 32px;"
        >
          <RangeOfInsurance></RangeOfInsurance>
        </div>
        <div
          style="width: 26%;height: 217px;background: #FFFFFF; padding: 20px 32px;"
        >
          <InsuranceData></InsuranceData>
        </div>
      </div>
    </div>
    <div style="width: 100%;height: 450px;background: #FFFFFF; padding: 20px ; margin-top: 16px;">
      <FootballData></FootballData>
    </div>
    <div style="width: 100%;height: 450px;margin-top: 16px;display: flex;justify-content: space-between; ">
      <div style="width: 49.9%;background: #FFFFFF; padding: 20px">
        <SportsFunds></SportsFunds>
      </div>
      <div style="width: 49.9%;background: #FFFFFF; padding: 20px">
        <SportsFundsOut></SportsFundsOut>
      </div>
    </div>
    <div style="width: 100%;height: 450px;margin-top: 16px;display: flex;justify-content: space-between; ">
      <div style="width: 100%;background: #FFFFFF; padding: 20px">
        <SportTable></SportTable>
      </div>
    </div>
  </div>
</template>

<script>
import SportsOrganization from "./components/SportsOrganization.vue";
import AmateurSportsSchool from "./components/AmateurSportsSchool.vue";
import NationalBase from "./components/NationalBase.vue";
import CulturalEducation from "./components/CulturalEducation.vue";
import RangeOfInsurance from "./components/RangeOfInsurance.vue";
import InsuranceData from "./components/InsuranceData.vue";
import AmateurTraining from './components/AmateurTraining.vue'
import AmateurTrainingClub from './components/AmateurTrainingClub.vue'
import FootballData from './components/FootballData.vue'
import SportsFunds from './components/SportsFunds.vue'
import SportsFundsOut from './components/SportsFundsOut.vue'
import SportTable from './components/SportTable.vue'
import {getSheet1SchoolPlace} from "@/api/statistics";
export default {
  components: {
    SportsOrganization,
    AmateurSportsSchool,
    NationalBase,
    CulturalEducation,
    RangeOfInsurance,
    InsuranceData,
    AmateurTraining,
    AmateurTrainingClub,
    FootballData,
    SportsFunds,
    SportsFundsOut,
    SportTable
  },
  data() {
    return {};
  },
  mounted() {
    
  },

  methods: {
    async getData(){
      const res = await getSheet1SchoolPlace({year:new Date().getFullYear()})
      if(res.data){
        console.log(res)
      }
    }
  }
};
</script>

<style></style>
